<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="__PUBLIC__/assets/css/adminStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/assets/Css/style.css" />
    <script type="text/javascript" src="__PUBLIC__/assets/Js/jquery2.js"></script>
    <script type="text/javascript" src="__PUBLIC__/assets/Js/jquery2.sorted.js"></script>
    <script type="text/javascript" src="__PUBLIC__/assets/Js/bootstrap.js"></script>
    <script type="text/javascript" src="__PUBLIC__/assets/Js/ckform.js"></script>
    <script type="text/javascript" src="__PUBLIC__/assets/Js/common.js"></script>
    <script type="text/javascript" src="Js/jquerypicture.js"></script>
    <style type="text/css">
        body {font-size: 20px;
            font-size: 20px;
            padding-bottom: 40px;
            background-color:#e9e7ef;
        }
        .sidebar-nav {
            padding: 9px 0;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


    </style>
    <title>丢吧后台管理系统</title>
    <script type="text/javascript" src="__PUBLIC__/assets/js/jquery1.js"></script>
    <script type="text/javascript">
        $(document).ready(
                function() {
                    $(".div2").click(
                            function() {
                                $(this).next("div").slideToggle("slow").siblings(
                                        ".div3:visible").slideUp("slow");
                            });
                });
        function openurl(url) {
            var rframe = parent.document.getElementById("rightFrame");
            rframe.src = url;
        }
    </script>
    <style>
        body {
            margin: 0;
            font-family: 微软雅黑;
            background-image: url(__PUBLIC__/assets/images/.jpg);
            background-repeat: no-repea;
            background-size: cover;
            background-attachment: fixed;
            background-color: #DDDDDD

        }

        .top1 {
            position: absolute;
            top: 0px;
            width: 100%;
            height: 20px;
            text-align: center;
            color: #FFFFFF;
            font-size: 17px;
            font-height: 20px;
            font-family: 楷体;
            background-color: #888888
        }

        .title {
            float:left;
            margin:-32px 20px;
            font-size: 40px;
            color: #FFFFFF;
            font-height: 55px;
            font-family: 隶书;
        }

        .top2 {
            position: absolute;
            top: 20px;
            width: 100%;
            height: 77px;
            text-align: center;
            color: #ccffff;
            background-color: #888888
        }

        .left {
            position: absolute;
            left: 0px;
            top: 97px;
            width: 200px;
            height: 85%;
            border-right: 1px solid #9370DB;
            color: #000000;
            font-size: 20px;
            text-align: center;
            background-color: #B3B3B3
        }

        .right {
            position: absolute;
            left: 200px;
            top:97px;
            width: 85.2%;
            height: 85%;
            border-top: 0px solid #484860;
            font-size: 14px;
            text-align: center;
        }

        .end {
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 30px;
            text-align: center;
            color: #556B2F;
            font-size: 17px;
            font-height: 20px;
            font-family: 楷体;
            background-color: #C0C0C0
        }

        .div1 {
            text-align: center;
            width: 200px;
            padding-top: 10px;
        }

        .div2 {
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            font-size: 18px;
            position: relative;
            border-bottom: #ccc 0px dotted;
        }

        .div3 {
            display: none;
            cursor: pointer;
            font-size: 15px;
        }

        .div3 ul {
            margin: 0;
            padding: 0;
        }

        .div3 li {
            height: 30px;
            line-height: 30px;
            list-style: none;
            border-bottom: #ccc 1px dotted;
            text-align: center;
        }

        .a {
            text-decoration: none;
            color: #000000;
            font-size: 15px;
        }

        .a1 {
            text-decoration: none;
            color: #000000;
            font-size: 18px;
        }
    </style>
</head>
<body>
<div class="top1">
    <marquee scrollAmount=5 width=300 direction="left">苦海无涯，回头是岸！</marquee>
</div>
<div class="top2">
    <div class="logo">
        <img src="__PUBLIC__/assets/images/admin_logo.png" title="在哪儿" />
    </div>
    <div class="title" >
        <h3>丢吧后台管理系统</h3>
    </div>
    <div class="fr top-link">
        <a href="__PUBLIC__/assets/admin_list.html" target="mainCont" title="DeathGhost"><i
                class="adminIcon"></i><span>管理员：DRK</span></a>
    </div>
</div>
<div class="left">
    <div class="div1">
        <div class="left_top">
            <img src="__PUBLIC__/assets/images/bbb_01.jpg">
            <img src="__PUBLIC__/assets/images/bbb_02.jpg" id="2">
            <img src="__PUBLIC__/assets/images/bbb_03.jpg">
            <img src="__PUBLIC__/assets/images/bbb_04.jpg">
        </div>

        <div class="div2">
            <div class="spgl"></div>
            数据统计与分析
        </div>
        <div class="div3">
            <li><a class="a" href="javascript:void(0);"
                   onClick="openurl('videoQuery.html');">查看所有视频</a></li>
            <li><a class="a" href="javascript:void(0);"
                   onClick="openurl('uservideoQuery.html');">用户视频列表</a></li>

        </div>
        <div class="div2">
            <div class="spgl"></div>
            用户信息
        </div>
        <div class="div3">
            <ul>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('documentQuery.html');">用户列表</a></li>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('userdocumentQuery.html');">用户文档列表</a></li>

            </ul>
        </div>
        <div class="div2">
            <div class="spgl"></div>
            物品信息
        </div>
        <div class="div3">
            <ul>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('classQuery.html');">物品列表</a></li>

            </ul>
        </div>
        <div class="div2">
            <div class="yhgl"></div>
            失物信息
        </div>
        <div class="div3">
            <ul>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('studentQuery.html');">失物列表</a></li>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('teacherQuery.html');">老师管理</a></li>
            </ul>
        </div>

        <div class="div2">
            <div class="gggl"></div>
            招领信息
        </div>
        <div class="div3">

            <ul>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('deletecomment.html');">招领列表</a></li>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('useredit.html');">用户禁言</a></li>
            </ul>

        </div>
        <div class="div2">
            <div class="pjgl"></div>
            公告管理
        </div>
        <div class="div3">
            <ul>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('afficheQuery.html');">查看公告</a></li>
                <li><a class="a" href="javascript:void(0);"
                       onClick="openurl('afficheAdd.html');">添加公告</a></li>
            </ul>
        </div>
        <a class="a1" href="../Index/index.html"><div class="div2">
            <div class="tcht"></div>
            退出后台
        </div></a>
    </div>
</div>
<div class="right">

    <font color="#777777"><strong>请填写资料：</strong></font><div align="center">
    <form action="#" method="post" >
        <table   >



            <tr >
                <td  >用户别名</td>
                <td><input  name="username"/></td>
                </tr>
            <tr><td >密码</td>
                <td><input type="text" name="password"/></td>
            </tr>
            <tr>
                <td >头像</td>
                <td><input type="text" name="photo"/><input type="file" name="pic" id="exampleInputFile" required></td>

               </tr>
            <tr><td >联系电话</td>
                <td><input type="text" name="telephone"/></td>
            </tr><tr>
            <tr><td >状态</td>
            <td><input  type="radio"  value="0"  name="state"/>正常
                <input  type="radio"  value="1"  name="state"/>已禁止</td>
            </tr>
            <tr><td >创建时间</td>
            <td><input type="date" name="createdate"/></td>
        </tr>


        </table>

        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<button type="submit" class="btn btn-primary">提交</button>
    </form></div>
</div>
</head>
<body>

</body>
</html>